<template>
    <div style="display: flex;justify-content: center;align-items: center;margin-top:25vh;">
        <div class="img_">
        </div>
        <div>
            <div style="font-size: 40px;color:#FE8601;font-family: fantasy;font-style: oblique;">welcome to</div>
            <div style="font-size: 40px;margin-top:20px;color:#3287FA;font-weight: 700;">欢迎进入
                <span style="color:red">{{ user_data == "PC_HOTEL" ? '酒店' : user_data == "PC_TRAVEL_AGENCY" ? '旅行社' :
                    user_data == "PC_CAR_TEAM" ?
                        '车队' : '' }}</span>
                后台管理系统
            </div>
        </div>
        <slot name="first"></slot>
    </div>
</template>

<script setup>
import { ref, reactive, onMounted } from 'vue'
onMounted(() => {
    user_data.value = localStorage.getItem('loginSysRole')


})
// 用户详细信息
const user_data = ref('')

</script>

<style scoped lang='scss'>
.img_ {
    width: 100px;
    height: 100px;
    background-image: url('@/assets/images/login_img.png');
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 50px;
}
</style>
